<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>简历平台</title>
    <style>
    .preview_content body {
        margin: 10px;
        padding: 10px;
    }
    
    pre {
        font: inherit;
        white-space: pre-wrap;
    }
    
    .preview_content a {
        margin: 0;
        padding: 0;
    }
    
    .preview_content img {
        padding-bottom: 0;
        margin: 0;
    }
    
    .preview_content span {
        margin: 0;
    }
    
    .preview_content h1 {
        font-size: 95%;
        margin: 0;
        text-overflow: clip;
        line-height: 1.15em;
    }
    
    .preview_content h2 {
        font-size: 100%;
        font-weight: bold;
    }
    
    .preview_content p {
        font-size: 100%;
        margin: 0;
        text-align: left;
    }
    
    .preview_content ul {
        overflow: hidden;
        text-align: left;
    }
    
    .preview_content ul li {
        float: left;
        line-height: 2;
        list-style-type: none;
    }
    
    .preview_content .divmain {
        color: #333;
        font-family: Microsoft YaHei;
        font-size: 14px/22px;
        word-wrap: break-word;
        margin: 0px auto;
        width: 680px;
        height: auto;
        padding: 20px;
    }
    
    .preview_content table {
        table-layout: fixed;
        margin: 2% auto;
        padding: 0;
        width: 100%;
        background-color: transparent;
        clear: left;
    }
    
    .preview_content thead {
        text-align: left;
        padding: 5% 0 8px 20px;
        vertical-align: top;
    }
    
    .preview_content tbody {
        padding-left: 8%;
        vertical-align: top;
        line-height: 140%;
        padding-left: 5%;
    }
    
    .preview_content th {
        text-align: left;
        padding-left: 20px;
    }
    
    .preview_content td {
        text-align: left;
        padding-left: 20px;
    }
    
    .preview_content li {
        list-style: none;
    }
    
    .preview_content .box {
        float: left;
        margin-bottom: 20px;
    }
    
    .preview_content .cell {
        min-height: 22pt;
        font-size: 12pt;
        color: #FFF;
        font-weight: bold;
        line-height: 1.75;
        padding: 0;
    }
    
    .preview_content .border_box {
        text-align: center;
        box-sizing: border-box;
        border-radius: 5px;
    }
    
    .divmain {
        -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    }
    </style>
</head>
<#import "./enums.ftl" as enums>
<body class="preview_content">
    <div class="divmain">
        <div class="box border_box" style="width:30%;padding:5%;">
            <h1 style="font-size:30px;">${resume.seeker.name}</h1>
        </div>
        <div class="box border_box" style="width:45%;background-color: #8FBC8F;height:100px;padding: 1%;text-align: left;">
            <img src="${contextPath}/resources/img/public/template_major.png" width="15px"/> ${resume.disireLst[0].position}<br/>
            <img src="${contextPath}/resources/img/public/template_city.png" width="15px"/> ${resume.disireLst[0].city}<br/>
            <img src="${contextPath}/resources/img/public/template_mobile.png" width="15px"/> ${resume.seeker.phone}<br/>
            <img src="${contextPath}/resources/img/public/template_mail.png" width="15px"/> ${resume.seeker.mail}<br/>
        </div>
        <div class="box border_box" style="width: 20%; margin-left: 5%;">
            <img src="${contextPath}/${resume.seeker.headpic}" width="100px" height="100px"/>
        </div>
        <div class="cell border_box" style="width: 15.0%;background-color: #8FBC8F; clear: left;">期望工作</div>
        <table style="border-left:1px solid #CD853F;">
            <tbody>
            	<#list resume.disireLst as disire>
                	<tr><td>${disire.position} | <@enums.jobType disire.type/> | <@enums.salary disire.salary/> | ${disire.city} | 预计到岗日期：${disire.intentDate}</td></tr>
                </#list>
            </tbody>
        </table>
        <div class="cell border_box" style="width: 15.0%;background-color: #8FBC8F;">教育背景</div>
        <table style="border-left:1px solid #CD853F;">
            <thead>
				<#list resume.educationLst as education>
                    <tr><th>${education.duration} ${education.school} | ${education.major} | <@enums.degree education.degree/></th></tr>
                </#list>
            </thead>
        </table>
        <div class="cell border_box" style="width: 15.0%;background-color: #8FBC8F; ">工作经历</div>
        <table style="border-left:1px solid #CD853F;">
			 <#list resume.workExperienceLst as work>
            	<thead>
                	<tr><th>${work.duration} | ${work.position} | ${work.company}</th></tr>
	            </thead>
	            <tbody>
	                <tr><td style="padding-left: 2em;"><pre>${work.task}</pre></td></tr>
	            </tbody>
            </#list>
        </table>
        <div class="cell border_box" style="width:15%;background-color: #8FBC8F;">项目经验</div>
        <table style="border-left:1px solid #CD853F;">
			<#list resume.projectExperienceLst as project>
                <thead><tr><th>${project.duration} ${project.position} | ${project.proName}</th></tr></thead>
                <tbody><tr><td style="padding-left: 2em;"><pre>${project.proDesc}</pre></td></tr></tbody>
            </#list>
        </table>
        <div class="cell border_box" style="width: 15.0%;background-color: #8FBC8F;">技能评价</div>
        <table style="border-left:1px solid #CD853F;">
            <tbody>
				<#list resume.skillLst>
                    <tr><td>
                        <#items as skill>
                            <li><strong>${skill.name}: </strong><@enums.level skill.level/></li>
                        </#items>
                    </td></tr>
                </#list>
            </tbody>
        </table>
        <div class="cell border_box" style="width:15%;background-color: #8FBC8F;">自我描述</div>
        <table style="border-left:1px solid #CD853F;">
            <tbody>
            	<#list resume.selfDescLst as self>
                    <tr><td><pre>${self.content}</pre></td></tr>
                </#list>
            </tbody>
        </table>
    </div>
</body>

</html>
